<template>
	<view>
		<wgh-select-multiple v-model="value" :selected-indexs="selectedIndexs" :localdata="localdata" key-value="value"
			@confirm="onConfirm" @clear="onClear" @click=""></wgh-select-multiple>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: [], // 选中的 value 集合，如果 selectedIndexs 设置了值，组件初始化后会同步更新
				selectedIndexs: [0, 1], // 已选中的索引集合
				localdata: [{
					"text": "选项1",
					"value": '11'
				}, {
					"text": "选项2",
					"value": '22'
				}, {
					"text": "选项3",
					"value": '33'
				}]
			}
		},
		methods: {
			// 点击确定按钮触发，返回 选中的索引集合
			onConfirm(e) {
				console.log(this.value, 'value');
				console.log(e, 'onConfirm');
				this.selectedIndexs = e
			},
			onClear() {
				console.log('onClear');
			},
		}
	}
</script>